Components › Forms & input › Date & time › Time field

Time field

canon

Input that parses typed times with a list of quarter-hour options.

acrm !4087 (28 Sep 2026, owner): the visible duration next to times uses `fmtDurShort` — „45 m“ · „1 h“ · „1 h 30 m“ (in the context of time „m“ = minutes). Screen readers keep the full „min“ via `fmtDur` (TimeField option aria-label, DateTimeRange hidden live text) so „m“ is not read as metres. Other durations in the app (timeline, Setkání, tasks, reminders) keep „min“.

Used in 9 files · 7 areas · 15× — components/assistant, components/callwrapup, components/mail, components/meetings, components/tasks, components/timeline …

Import

import { TimeField } from '@acrm/ui'

Props

TimeField packages/ui/src/components/TimeField.tsx

NameTypeDefaultDescription
value *number | null—Minuty od půlnoci (0–1440), nebo null.
onChange *(value: number | null) => void——
stepnumber15Krok SEZNAMU v minutách; psaní bere libovolnou minutu. Default 15.
getStart() => number | null—Je-li zadáno, pole se chová jako „do": jen časy po začátku + délka.
ariaLabelstring'Čas'—
disabledbooleanfalse—
localestringDEFAULT_LOCALE_TAG—

CSS classes

.dp-field.dp-timelist.dp-topt

Files